<template>
    <div>
        <back></back>
        <div class="login d-flex column middle space-between">
            <div></div>
            <div class="loginBtn">
                <button
                    type="primary"
                    size="mini"
                    open-type="getPhoneNumber"
                    @getphonenumber="getPhoneNumber"
                >
                    <icon class="iconfont icon-weixin"></icon>
                    微信用户一键登录
                </button>
                <p @click="toRegiste">手机号码登录/注册</p>
            </div>
            <footer>
                <span>服务协议</span>
                <span>|</span>
                <span>关于我们</span>
            </footer>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {};
    },
    methods: {
        // 手机号注册
        toRegiste() {
            wx.navigateTo({
                url: "/pages/registe/main"
            });
        },
        // 获取手机号
        getPhoneNumber(e) {
            console.log(e);
        }
    }
};
</script>
<style lang="scss" scoped>
.login {
    height: 100vh;
    .loginBtn {
        text-align: center;
        button {
            padding: 5px 50px;
            margin-bottom: 15px;
            border-radius: 15px;
        }
    }
    footer {
        text-align: center;
        font-size: 12px;
        margin-bottom: 15px;
        span {
            &:nth-child(2) {
                margin: 0 5px;
            }
        }
    }
}
</style>